{% extends "base.html" %}
{% load custom_markdown %}

{% block title %}
	{{ article.title }} | Adoryn Blog
{% endblock%}

{% block path %}
	<a href="{% url 'home'%}" titile="返回首页" class="icon-home icon-large"></a>&nbsp;/&nbsp;{{ article.title }}
{% endblock %}

{% block content %}
	<div class="archive">
		<div id="archives">
			<header class="entry-header">
				<div class="entry-info">
					<span class="entry-date">
						<span class="glyphicon glyphicon-calendar" aria-hidden="true"></span>
						{{ article.publish_time.year }}年{{ article.publish_time.month }}月{{ article.publish_time.day }}日
					</span>
					<span class="author vcard">
						<span class="glyphicon glyphicon-user" aria-hidden="true"></span>
						赵俊龙Adoryn
					</span>
				</div>

				<h1 class="entry-title">
					<a href="{{ article.get_absolute_url }}" rel="bookmark">{{ article.title }}</a>
				</h1>

				<div class="post-format-indicator">
					<a class="entry-format" href="{{ article.get_absolute_url }}"></a>
				</div>

				<span class="comments-link">
					<span class="ds-thread-count" data-thread-key="{{article.id}}"></span>
				</span>
			</header>

			<div class="entry-content">
				{{ article.content | custom_markdown}}
				<div class="clearfix"></div>
			</div> <!-- entry content -->

			<footer class="entry-meta">
				<div class="fenlei">
					<span class="entry-categories">
						<span class="glyphicon glyphicon-folder-close" aria-hidden="true"></span>
							<a href="{% url 'classDetail' cls=article.classification %}" rel="category">&nbsp;{{ article.classification }}</a>
						</span>

					<span class="entry-tags">
						<span class="glyphicon glyphicon-tags" aria-hidden="true"></span>
						{% for tag in article.get_tags %}
							<a href="{{ tag.get_absolute_url }}" rel="tag">&nbsp;{{ tag }}&nbsp;</a>
						{% endfor %}
					</span>
				</div>

				<!-- JiaThis Button BEGIN -->
				<div class="jiathis_style_24x24" style="float:right;">
					<a class="jiathis_button_tsina"></a>
					<a class="jiathis_button_weixin"></a>
					<a class="jiathis_button_douban"></a>
					<a class="jiathis_button_qzone"></a>
					<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank"></a>
					<a class="jiathis_counter_style"></a>
				</div>
				<script type="text/javascript" >
					var jiathis_config={
						summary:"",
						shortUrl:false,
						hideMore:false
					}
				</script>
				<script type="text/javascript" src="http://v3.jiathis.com/code_mini/jia.js" charset="utf-8">
				</script>
				<!-- JiaThis Button END -->
			</footer>
		</div>
	</div>

	<!-- 上一篇/下一篇 -->
	{% if article.get_prev_article %}
		{% with article.get_prev_article as prev %}
			<p class="p1">
				<span class="icon-arrow-left" title="上一篇"></span>
				<a href="{{ prev.get_absolute_url }}">{{ prev.title }}</a>
			</p>
		{% endwith%}
	{% endif %}

	{% if article.get_next_article %}
		{% with article.get_next_article as next %}
			<p class="p2">
				<a href="{{ next.get_absolute_url }}">{{ next.title }}</a>
				<span class="icon-arrow-right" title="下一篇"></span>
			</p>
		{% endwith%}
	{% endif %}

	<!-- 评论 -->
	{% include "blog/_comments.html" %}

{% endblock %}

<!-- 侧边栏 -->
{% block side %}
	{% include "blog/_side.html" %}
{% endblock %}
